
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=yes,initial-scale=0.3,maximum-scale=1.0,minimum-scale=0.3">
<link type="text/css" rel="stylesheet" href="index.css" />

<title>机械小易</title>

</head>
<body>
  <script src="click.js"></script>
  <!-- 点击烟花效果 -->
  <script src="background1.js"></script>
  <div class="log">
    <div class="logo"><img src="logo.png"><span>机械小易</span></div>
    <div class="guid">
      <ul class="father">
          <li><a href="study.html"><p>学习</p></a></li>
          <li><a href="luntan.html"><p>论坛</p></a></li>
          <li><a href="http://umic.ckcest.cn/"><p>赛事</p></a></li>
      </ul>
      <div class="guid-right">
        <ul class="father1">
          <li><p><a href="yule.html">娱乐</a></p></li>
          <li><p>登录/注册</p></li>
          <li>
              <p>其他</p>
              <ul class="son">
                  <li class="_one"><p>新闻</p></li>
                  <li class="_two"><p><a href="#">我的</a></p></li>
                  <li class="_three"><p>消息</p></li>
                  <li class="_foue"><p>分析规划</p></li>
              </ul>
          </li>

        </ul>
      </div>
    </div>
  </div>
  <!-- 头部导航栏 -->

  <div class="fusu divTop" id="divtop"></div>
  <buttion class="goTop" id="gotop"><img src="gotop.png" class="gotop_img"></buttion>
    <script>
        //获取导航栏、按量、顶部div的元素
        var topw=document.getElementById("dhl")
        var goTop=document.getElementById("gotop")
        var divTop=document.getElementById("divtop")
        //滚动滚动条触发事件
            window.onscroll=function(){
            //获取滚动条位置
        var jhlheight=document.documentElement.scrollTop||document.body.scrollTop
        //判断滚动条位置
        if(jhlheight>=300){
        goTop.style.display="block"  //显示按钮
        }else{
        goTop.style.display="none"  //隐藏按钮  
        }
        
        }
        
        //点击按钮事件
        goTop.onclick=function(){
        
        window.scrollTo({     //设置滚动条位置
            top:0,            //回到顶部
            behavior:"smooth"   //平滑过渡
        })  
        }  
        
        //     //鼠标移入div后触发的事件
        // var ss=divTop.onmouseover=function(){
        // var tar=topw.style.top="0px"  
        // } 
        
        //     //鼠标移入导航栏触发的事件
        //     topw.onmouseover=function(){
        // var tar=topw.style.top="0px"
        
        // } 
        // //鼠标移出导航栏后触发的事件
        // topw.onmouseout=function(){
        //     //定时器函数
        // setTimeout(function(){
        //     topw.style.top="-80px"
        //     },3000)    
        // }   
    </script>
  <!-- 回到顶部按钮和div -->

  <div class="zhuye">
    <div class="banner">
      <!-- 文字区不需要请连css部分代码一并删除 -->
        <h1><small>机械人的</small>机械小易交流平台<small>解决机械人的学习困惑，互联网互助<br>从此学习不迷茫。</small></h1>
  
        <!-- 你可以添加个多“.slideshow-image”项目, 记得修改CSS -->
      <div class="slideshow">
        <div class="slideshow-image" style="background-image: url('13.jpg')"></div>
        <div class="slideshow-image" style="background-image: url('16.png')"></div>
        <div class="slideshow-image" style="background-image: url('20.jpg')"></div>
        <div class="slideshow-image" style="background-image: url('23.jpg')"></div>
      </div>
    </div>
      <!-- 背景图 -->
    <div class="header">
      <ul class="nav">
        <li><a href="index.html">学习</a></li>
        <li><a href="study.html">交流</a></li>
        <li><a href="forum.html">论坛</a></li>
        <li><a href="megagame.html">赛事</a></li>
        <li><a href="my.html">互助</a></li>
        <li><a href="about.html">资料</a></li>
      </ul>
    </div>
  
  <div class="con">
    <div class="con_t">
      <div class="text">
        <h3>宗旨</h3>
          <p>
              互联网学习平台是运用信息技术的优势，将各种各样的学习资源集合起来，在已有的基础设施条件下，以更低的人力成本、空间成本和运营成本将更多的优质的学习资源传播出去，让更多的人能够以较低的成本接收和使用到良好的学习资源的学习平台。
              本项目基于对信息技术的运用，将已有的机械类的相关学习资源进行整合筛选，根据实际的使用和学习情况选出合适的优质的学习资源供平台用户使用学习，并提供给用户一个交流学习的地方。
              本项目能为广大机械类学子所使用，方便其快速的获得优质的学习资源，并且能够了解到更多的行业的前沿的信息，对学习和职业生涯的规划都有良好的引导作用。我们国家的线上教育行业市场规模巨大，且市场份额随着信息技术的发展不断增加，但对于机械类领域乃至工科类领域的线上教育方面还比较缺乏，所以项目的市场前景良好。且国家大力推进产业现代化，就需要更多的相关人才投入其中，项目能够帮助相关人才的培养，为国家的现代化发展储备人才。</p>
      </div>
            <div class="pic"> <img src="14.jpg"/> </div>
      <div class="clear"></div>
    </div>
    
    <div class="news">
      <div class="title">
        <a class="biaoqian" href="https://cn.bing.com/search?q=%E5%B7%A5%E7%A7%91%E6%96%B0%E9%97%BB&form=ANNTH1&refig=0f3482f03858498d8067536508e378fc">新闻 &gt;&gt;</a></div>

 
        <div class="column">
            <div class="tt">
                <h3>行业新闻</h3>
                <a href="#" class="img"></a>
            </div>
            <div class="main">
                <ul>
                    <li><a href="https://www.nxpic.org.cn/article/id-334777">机器狗→站起来走两步「某种意义上说，软件正在努力让硬件以一种它不应该而且肯定没有优化过的方式工作 ......</a><span>12-10</span></li>
                    <li><a href="https://zhuanlan.zhihu.com/p/437293821">动图真形象！一文看懂晶体缺陷 根据晶体中结构不完整区域的形状及大小, 晶体缺陷常分为如下三类:......</a><span>12-10</span></li>
                    <li><a href="https://zhuanlan.zhihu.com/p/85936375">【螺丝】螺丝知识图谱，整理的太全,螺丝、螺母、螺帽、螺栓、螺钉、螺柱的区别：......</a><span>12-10</span></li>
                    <li><a href="https://jingyan.baidu.com/article/7f41ececf96148593d095cff.html">铝合金的三种焊接方法,铝合金被广泛的运用在工业产品上，因为它具有很好的物理性能， ......</a><span>12-10</span></li>
                    <li><a href="https://zhuanlan.zhihu.com/p/189226761">常有人问到工字钢与H型钢形状相似，在实际运用中如何选择？很多从事多年建筑行业的人员都不能详解......</a><span>12-10</span></li>
                    <li><a href="https://zhuanlan.zhihu.com/p/451956901">每一个口红色号都要入手的小姐姐，你把“石油”涂在了嘴上呢！其实石油也是制作化妆品的原料之一，有含量较高的能达80％。......</a><span>12-10</span></li>
                </ul>
            </div>
        </div>
        <div class="column">
            <div class="tt">
                <h3>大赛新闻</h3>
                <a href="#" class="img"></a>
            </div>
            <div class="main">
                <ul>
                    <li><a href="https://cy.ncss.cn/?zzids=1">中国“互联网+”大学生创业大赛 互联网+大赛报名官网 ......</a><span>12-10</span></li>
                    <li><a href="http://gaoxiao.tiaozhanbei.net/d/">挑战杯分为学术科技作品竞赛和创业计划大赛，每个比赛2年举行一次。意思就是说今年举办“学术科技作品竞赛”。……......</a><span>12-10</span></li>
                    <li><a href="http://www.ncccu.org.cn/">中国高校计算机大赛-大数据挑战赛、团体程序设计天梯赛、移动应用创新赛、网络技术挑战赛 http://www.c4best.cn/：......</a><span>12-10</span></li>
                    <li><a href="http://www.gczbds.org/">中国大学生机械工程创新创意大赛-过程装备实践与创新赛、铸造工艺设计赛、材料热处理创新创业赛、起重机创意赛 ......</a><span>12-10</span></li>
                    <li><a href="http://wlsy.nenu.edu.cn/info/1064/1717.htm">.全国大学生物理实验竞赛， 主办单位：国家级实验教学示范中心联席会， 全国高等学校实验，物理教学学会中国物理学会......</a><span>12-10</span></li>
                </ul>
            </div>
        </div>
        
    <div class="players">
      <div class="title">
        <a class="biaoqian" href="#">学习资源推荐 &gt;&gt;</a>
      </div>
      <div class="study" >
        <ul class="players_box">
          <li>
            <div class="pic"><img src="9.jpg"/> </div>
            <a href="https://www.bilibili.com/video/BV1AA4y1S72b/?spm_id_from=333.337.search-card.all.click">能源新风向&gt;&gt;</a>
          </li>
          <li>
            <div class="pic"><img src="8.jpg"/> </div>
            <a href="https://www.bilibili.com/video/BV1QE411R7pN/?spm_id_from=333.337.search-card.all.click">电子基础&gt;&gt;</a>
          </li>
          <li>
            <div class="pic"><img src="7.jpg"/> </div>
            <a href="https://www.bilibili.com/video/BV17t411g7pE/?spm_id_from=333.337.search-card.all.click">材料的结构力学&gt;&gt;</a>
          </li>
          <li>
            <div class="pic"><img src="6.jpg"/> </div>
            <a href="https://www.bilibili.com/video/BV1jS4y1z7ry/?spm_id_from=333.337.search-card.all.click">关于“塔”的分析&gt;&gt;</a>
          </li>
          <li>
            <div class="pic"><img src="5.jpg"/> </div>
            <a href="https://www.bilibili.com/video/BV1fb4y1d7dv/?spm_id_from=333.337.search-card.all.click">“桥”的典型力学&gt;&gt;</a>
          </li>
          <li>
            <div class="pic"><img src="4.jpg"/> </div>
            <a href="https://www.bilibili.com/video/BV1mh411a75p/?spm_id_from=333.337.search-card.all.click">材料磨损&gt;&gt;</a>
          </li>
          <li>
            <div class="pic"><img src="10.jpg"/> </div>
            <a href="https://www.bilibili.com/video/BV1Su411d7Ww/?spm_id_from=333.337.search-card.all.click">电子学&gt;&gt;</a>
          </li>
          <li>
            <div class="pic"><img src="11.jpg"/> </div>
            <a href="https://www.bilibili.com/video/BV1FA411i7v4/?spm_id_from=333.337.search-card.all.click">制图基础&gt;&gt;</a>
          </li>
          <li>
            <div class="pic"><img src="12.jpg"/> </div>
            <a href="https://www.bilibili.com/video/BV18x411h7VU/?spm_id_from=333.337.search-card.all.click">机械制造&gt;&gt;</a>
          </li>
            </div>
        </ul>
        <div class="more">
          <a href="#">&gt;&gt;&gt;&gt;&gt;&gt;</a>
        </div>
        <div class="clear"></div>
      </div>
        <div class="clear"></div>
    </div>
  </div>
      <div class="news">
      </div>

</div>
<div class="JIESHU">
  <p>©本网站由"机械小易"团队制作,版权归机械小易团队所有</p>
  <p>转载内容版权归作者及来源网站所有，本站原创内容转载请注明来源</p>
  <p>商业媒体及纸媒请先联系：2651839816@qq.com</p>
</div>
</body>
<!-- <script type="text/javascript">
$(document).ready(function(){

	$(".scrollleft").imgscroll({
		speed: 40,    //图片滚动速度
		amount: 0,    //图片滚动过渡时间
		width: 1,     //图片滚动步数
		dir: "left"   // "left" 或 "up" 向左或向上滚动
	});
	

	
});
</script> -->
</html>




